<!-- @format -->

<template>
    <a-collapse :default-active-key="['1']">
        <a-collapse-item :header="customTranslate('General')" key="1">
            <General :element="element"></General>
        </a-collapse-item>
        <a-collapse-item :header="customTranslate('Documentation')" key="2">
            <Documentation :element="element"></Documentation>
        </a-collapse-item>
        <a-collapse-item :header="customTranslate('Forms')" key="3">
            <Form :element="element"></Form> -->
        </a-collapse-item>
        <a-collapse-item :header="customTranslate('Start Initiator')" key="4">
            <StartInitiator :element="element"></StartInitiator>
        </a-collapse-item>
        <a-collapse-item :header="customTranslate('Asynchronous Continuations')" key="5">
            <AsynchronousContinuations :element="element"></AsynchronousContinuations>
        </a-collapse-item>
        <a-collapse-item :header="customTranslate('Job Execution')" key="6">
            <JobExecution :element="element"></JobExecution>
        </a-collapse-item>
        <a-collapse-item :header="customTranslate('Execution Listeners')" key="7">
            <ExcutedListener :element="element"></ExcutedListener>
        </a-collapse-item>
        <slot></slot>
    </a-collapse>
</template>

<script>
import { inject } from "vue";
import General from '../attrs/General.vue'
import ExcutedListener from '../attrs/ExcutedListener.vue'
import Form from '../attrs/Forms.vue'
import StartInitiator from '../attrs/StartInitiator.vue'
import AsynchronousContinuations from '../attrs/AsynchronousContinuations.vue'
import JobExecution from '../attrs/JobExecution.vue'
import Documentation from '../attrs/Documentation.vue'
import customTranslate from "../../translate/customTranslate"

export default {
    name: 'StartPanel',
    props: ["element"],
    components: { General, Documentation, Form, StartInitiator, AsynchronousContinuations, ExcutedListener, JobExecution },
    data() {
        return {
        };
    },
    setup() {
        const bpmnModeler = inject("bpmnModeler");
        return {
            bpmnModeler,
            customTranslate
        };
    },
}
</script>

<style lang="scss" scoped></style>
